<template>
  <div class="addbox" ref="addbox">
    <div class="add">
      <div class="add_font">{{ success }}</div>
      <button @click.stop="xiaoshi" class="xiaoshi">确定</button>
    </div>
  </div>
</template>

<script>
export default {
  props: ["show", "success", "followInfo"],
  methods: {
    xiaoshi() {
      console.log("消失");
      this.$emit("update:show", false);
    },
  },
};
</script>

<style lang="scss" scoped>
.addbox {
  width: 1400px;
  height: 650px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 180;
  background-color: rgba(10, 10, 10, 0.4);
}
.add {
  background-color: #fff;
  width: 200px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: black;
  border-radius: 20px;
}
.add_font {
  margin-top: 50px;
  font-size: 22px;
}
.xiaoshi {
  width: 50px;
  height: 30px;
  background-color: skyblue;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 100px;
  border-radius: 10px;
}
</style>
